{extend name="layout:base" /}
{block name="page_style"}
    <link rel="stylesheet" href="{$cdn_root}/static/index/css/replaceCarousel.css?v={$static_version}">
{/block}
{block name="page_content"}
<section class="home">
    <div class="banner big">
        <div class="bigCarousel">
            <div class="controls prv-btn"></div>
            <!--轮播区域-->
            <ul class="list">
                {volist name='banners' id='banner'}
                    <?php if(empty($banner['link_url'])): ?>
                        <li class="item">
                            <a data-n="{$key}" href="javascript:void(0);" class="<?php if($key==0) { echo('active'); } ?>">
                                <img src="{$site_root}{$banner.pc_cover_path}"/>
                            </a>
                        </li>
                    <?php else: ?>
                        <li class="item">
                            <a data-n="{$key}" href="{$banner.link_url}" class="<?php if($key==0) { echo('active'); } ?>">
                                <img src="{$site_root}{$banner.pc_cover_path}"/>
                            </a>
                        </li>
                    <?php endif; ?>
                {/volist}
            </ul>
            <div class="controls next-btn"></div>
            <!--提示区域-->
            <ul class="indicator">
                <!--<li data-place="0" class="active">1</li>-->
            </ul>
        </div>
    </div>
    <div class="center">
        <div class="left">
            <!--要闻-->
            <div class="news">
                <p class="main-title">
                    要闻
                    <a href="{:url('news/index')}" class="more">more &gt;&gt;</a>
                </p>
                <!--最新三条-->
                <div class="newest">
                    <div class="first">
                        <?php $article = array_shift($news); ?>
                        <?php if(empty($article)): ?>
                            <a href="javascript:void(0)" class="news-out">
                                <div class="news-img">
                                </div>
                                <p class="news-tit"></p>
                                <p class="news-summary"></p>
                            </a>
                        <?php else: ?>
                            <a href="{:url('news/read', ['id' => $article['id']])}" class="news-out">
                                <div class="news-img">
                                    <img src="{$site_root}{$article.pc_cover_path}" alt="{$article.title}">
                                </div>
                                <p class="news-tit">{$article.title}</p>
                                <p class="news-summary">{$article.description}</p>
                            </a>
                        <?php endif; ?>
                    </div>
                    <div class="else">
                        <div class="second">
                            <?php $article = array_shift($news); ?>
                            <?php if(empty($article)): ?>
                                <a href="javascript:void(0)" class="news-out">
                                    <div class="news-img">
                                    </div>
                                    <p class="news-tit"></p>
                                </a>
                            <?php else: ?>
                                <a href="{:url('news/read', ['id' => $article['id']])}" class="news-out">
                                    <div class="news-img">
                                        <img src="{$site_root}{$article.pc_cover_path}" alt="{$article.title}">
                                    </div>
                                    <p class="news-tit">{$article.title}</p>
                                </a>
                            <?php endif; ?>
                        </div>
                        <div class="third">
                            <?php $article = array_shift($news); ?>
                            <?php if(empty($article)): ?>
                                <a href="javascript:void(0)" class="news-out">
                                    <div class="news-img">
                                    </div>
                                    <p class="news-tit"></p>
                                </a>
                            <?php else: ?>
                                <a href="{:url('news/read', ['id' => $article['id']])}" class="news-out">
                                    <div class="news-img">
                                        <img src="{$site_root}{$article.pc_cover_path}" alt="{$article.title}">
                                    </div>
                                    <p class="news-tit">{$article.title}</p>
                                </a>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
                <div class="normal">
                    {volist name='news' id='article'}
                        <div class="item">
                            <a href="{:url('news/read', ['id' => $article['id']])}" class="news-out">
                                <div class="news-img">
                                    <img src="{$site_root}{$article.pc_cover_path}" alt="{$article.title}">
                                </div>
                                <div class="content">
                                    <p class="news-tit">{$article.title}</p>
                                    <p class="news-data">
                                        <i class="icon icon-time"></i>
                                        <span>{$article.create_date}</span>
                                        <span>{$article.create_hour}</span>
                                        <i class="icon icon-see"></i>
                                        <span>{$article.view_count}</span>
                                    </p>
                                    <p class="news-summary">{$article.description}</p>
                                </div>
                            </a>
                        </div>
                    {/volist}
                </div>
            </div>
        </div>
        <div class="right">
            <!--专题专栏-->
            <div class="topics">
                <p class="main-title">
                    专题专栏
                    <a href="{:url('column/index')}" class="more">more &gt;&gt;</a>
                </p>
                <ul>
                    <li>
                        <a href="{:url('column/index', ['cat_id' => 8])}" class="news-out">
                            <div class="news-img">
                                <img src="{$site_root}/static/index/img/topics_gjzl.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:url('column/index', ['cat_id' => 9])}" class="news-out">
                            <div class="news-img">
                                <img src="{$site_root}/static/index/img/topics_jnds.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:url('column/index', ['cat_id' => 10])}" class="news-out">
                            <div class="news-img">
                                <img src="{$site_root}/static/index/img/topics_szpx.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="{:url('column/index')}" class="news-out">
                            <div class="news-img">
                                <img src="{$site_root}/static/index/img/topics_xmsb.png" alt="">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <!--通知通告-->
            <div class="notice">
                <p class="main-title">
                    通知通告
                    <a href="{:url('notice/index')}" class="more">more &gt;&gt;</a>
                </p>
                <ul>
                    {volist name='notice' id='article'}
                        <li>
                            <a href="{:url('notice/read', ['id' => $article['id']])}" class="news-out else">
                                <p class="news-tit">{$article.title}</p>
                            </a>
                        </li>
                    {/volist}
                </ul>
            </div>
            <!--科学研究-->
            <div class="science">
                <p class="main-title">
                    科学研究
                    <a href="#" class="more">more &gt;&gt;</a>
                </p>
                <ul>
                    {volist name='research' id='article'}
                        <li>
                            <a href="{:url('research/read', ['id' => $article['id']])}" class="news-out else">
                                <p class="news-tit">{$article.title}</p>
                            </a>
                        </li>
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
</section>
{/block}
{block name="page_js"}
    <script src="{$cdn_root}/static/index/js/replaceCarousel.js?v={$static_version}"></script>
    <script type="text/javascript">
        bigCarousel.start();
    </script>
{/block}